function openPopup(setid, setname) {
  var win = new Ext.Window({
        modal : true,
        height : 0.4 * screen.width,
        width : 1080,
        border : false,
        resizable : false,
        closable : true,
        title : 'Site List',
        layout : 'fit',
        titleAlign : 'center',
        store : 'AssetDataMaster.SiteList',
        frame : true,
        autoScroll : true,
        items : [
                 {
		              xtype : 'gridpanel',
		              id : 'gridSiteListDismantleSite',
		              height : 0.7 * screen.height,
		              width : 1080,
		              region : 'center',
		              columnLines : true,
		              forceFit : true,
		              store : 'AssetDataMaster.SiteList',
		              listeners : {
			                  beforerender : function() {
			                  	Ext.getStore('AssetDataMaster.SiteList').load();
			                  	},
			                  	
		                  	  itemdblclick : function(src, grid) {
				                  var site_id = grid.get('site_id');
				                  var site_name = grid.get('site_name');
				
				                  if (setname == "") {
				                	  Ext.getCmp(setid).setValue(site_id);
				                  } else 
				                  {
				                	  Ext.getCmp(setid).setValue(site_id);
				                	  Ext.getCmp(setname).setValue(site_name);
				                  }
				                  
				                  try {
				                    win.destroy();
				                  } catch (e) {
				                    win.destroy();
				                  }
			                  }},
			                  
		              columns : [{dataIndex : 'site_id', text : 'Site ID', align : 'left' },
		                         {dataIndex : 'site_name',text : 'Site Name',align : 'left'},
		                         {dataIndex : 'address',text : 'Address',align : 'left' },
		                         {dataIndex : 'area_description',text : 'Area',align : 'left'},
		                         {dataIndex : 'region_description',text : 'Region',align : 'left'},
		                         {dataIndex : 'nama_prov',text : 'Provinsi',align : 'left'},
		                         {dataIndex : 'nama_kabkot',text : 'Kabupaten',align : 'left'}, 
		                         {dataIndex : 'nama_kec',text : 'Kecamatan',align : 'left'},
		                         {dataIndex : 'on_air_date',text : 'On Air Date',align : 'left'}, 
		                         {dataIndex : 'asset_status',text : 'Status',align : 'center'}]
		                         }],
        dockedItems : [{
	              xtype : 'pagingtoolbar',
	              dock : 'bottom',
	              store : 'AssetDataMaster.SiteList',
	              displayInfo : true
            }, 
            {
              xtype : 'toolbar',
              id : 'toolbarDismantleSiteList',
              dock : 'top',
              items : [{
		                    xtype : 'combobox',
		                    labelWidth : 35,
		                    fieldLabel : 'Area',
		                    displayField : 'area_description',
		                    emptyText : 'All Area',
		                    width : 150,
		                    id : 'comboAreaDismantleSite',
		                    store : 'AssetDataMaster.Area',
		                    margin : '0 5 0 5',
		                    listeners : {
		                      select : function(obj, newValue, oldValue, eOpts) {
		                        var idArea = Ext.getCmp('comboAreaDismantleSite').getValue();
		                        Ext.getStore('AssetDataMaster.Area').removeAll();
		                        Ext.getStore('AssetDataMaster.Area').getProxy().url = './Services/DataMaster/Area/List?area=' + idArea;
		                        Ext.getStore('AssetDataMaster.Area').load();
		                      }
		                    }
	                  }, 
	                  {
	                	  	xtype : 'tbseparator'
	                  }, 
	                  {
		                    xtype : 'combobox',
		                    labelWidth : 45,
		                    fieldLabel : 'Regional',
		                    displayField : 'region_description',
		                    emptyText : 'All Regional',
		                    width : 200,
		                    id : 'comboRegDismantleSite',
		                    store : 'AssetDataMaster.Regional',
		                    margin : '0 5 0 5',
		                    listeners : {
		                      select : function(obj, newValue, oldValue, eOpts) {
		                        var idReg = Ext.getCmp('comboRegDismantleSite').getValue();
		                        Ext.getStore('AssetDataMaster.Regional').removeAll();
		                        Ext.getStore('AssetDataMaster.Regional').getProxy().url = './Services/DataMaster/Region/List?area=' + idReg;
		                        Ext.getStore('AssetDataMaster.Regional').load();
		
		                      }
		                    }
	                  }, 
	                  {
	                	  	xtype : 'tbseparator'
	                  }, 
	                  {
		                    xtype : 'combobox',
		                    labelWidth : 50,
		                    fieldLabel : 'Provinsi',
		                    displayField : 'nama_prov',
		                    emptyText : 'All Provinsi',
		                    width : 200,
		                    store : 'AssetDataMaster.Provinsi',
		                    id : 'comboProvDismantleSite',
		                    margin : '0 5 0 5',
		                    listeners : {
		                      select : function(obj, newValue, oldValue, eOpts) {
		                        var id_prov = Ext.getCmp("comboProvDismantleSite").getValue();
		                        Ext.getStore('AssetDataMaster.Provinsi').removeAll();
		                        Ext.getStore('AssetDataMaster.Provinsi').getProxy().url = './Services/DataMaster/Propinsi/List?propinsi=' + id_prof;
		                        Ext.getStore('AssetDataMaster.Provinsi').load();
		                      }
		                    }
	                  }, 
	                  {
	                	  	xtype : 'tbseparator'
	                  }, 
	                  {
		                    xtype : 'combobox',
		                    labelWidth : 60,
		                    fieldLabel : 'Kabupaten',
		                    displayField : 'nama_kabkot',
		                    emptyText : 'All Kabupaten',
		                    width : 200,
		                    store : 'AssetDataMaster.Kabupaten',
		                    id : 'comboKabDismantleSite',
		                    margin : '0 5 0 5',
		                    listeners : {
		                      select : function(obj, newValue, oldValue, eOpts) {
		                        var id_prov = Ext.getCmp("comboKabDismantleSite").getValue();
		                        Ext.getStore('AssetDataMaster.Kabupaten').removeAll();
		                        Ext.getStore('AssetDataMaster.Kabupaten').getProxy().url = './Services/DataMaster/Kabupaten/List?propinsi=' + id_prof;
		                        Ext.getStore('AssetDataMaster.Kabupaten').load();
		                      }
		                    }
	                  }, 
	                  {
		                    xtype : 'textfield',
		                    labelWidth : 45,
		                    fieldLabel : 'Keyword',
		                    width : 175,
		                    id : 'textKeywordDismantleSite',
		                    margin : '0 5 0 5'
	                  }, 
	                  {
		                    xtype : 'button',
		                    text : 'Search',
		                    id : 'searchbutton',
		                    margin : '0 5 0 5'
	                  }]
            }]
      }).show();

}


